#cabecera{
    width: 100%;
    height: 200px;
    background-color: #5D4037; /*color*/
}
#cuerpo{
    width: 1000px;
    height: 1200px;
    background-color: #f3dcae; /*color*/
    margin-left: auto;
    margin-right: auto;
}
#pie{
    width: 100%;
    height: 200px;
    background-color: #5D4037; /*color*/
}
#uno{ /*caja de cabecera*/
    width: 1000px;
    height: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #5D4037;
}
#dos{ /*logo*/
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 100%;
    background-color: #ab8f7e;
    margin-left: 50px;
    margin-top: 25px;
    background-image: url(imagen\ para\ pagina\ web.jpg);
    background-size: cover;
}
#tres{
    width: 350px;
    height: 50px;
    float: right;
    background-color: #ab8f7e;
    margin-right: 200px;
    margin-top: 30px;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    
}
ul{
margin:0;
padding:0;
list-style-type: none; 
}
.boton li{
display:inline;
}
.boton li a {
    display: inline-block;
width:347px;
height:50px;
background-color:#ab8f7e;
margin-bottom:5px;
color: #3e2c27;
text-decoration: none;
text-align: center;
line-height: 50px;
font-weight: bold;
border-radius: 15px;
font-size: x-large;
}
.boton li a:hover{
background-color: #c1985a;
}
#cuatro{
    width: 700px;
    height: 50px;
    float: right;
    background-color:#ab8f7e;
    margin-right: 50px;
    margin-top: 25px;
    border-radius: 20px;
}
#cinco{/*cuerpo*/
    width: 460px;
    height: 300px;
    float: left;
    background-color: #ab8f7e;
    margin-left: 50px;
    margin-top: 50px;
    border-radius: 20px;
    margin-bottom: 50px;
}
#seis{
    width: 400px;
    height: 350px;
    float: right;
    background-color: #ab8f7e;
    margin-right: 50px;
    margin-top: 50px;
    background-image: url(imagen\ para\ wepp.jpg);
    background-size: cover;
    border-radius: 30px;
}
#siete{
    width: 900px;
    height: 180px;
    float: left;
    background-color: #ab8f7e;
    margin-right: 50px;
    margin-left: 50px;
    margin-top: 50px;
    border-radius: 20px;
}
#ocho{
    width: 250px;
    height: 200px;
    float: left;
    background-color: #ab8f7e;
    margin-left: 50px;
    margin-top: 50px;
    background-size: cover;
    background-image: url(vdr1.jpg);
    border-radius: 30px;
}
#nueve{
    width: 250px;
    height: 200px;
    float: left;
    background-color: #ab8f7e;
    margin-left: 80px;
    margin-top: 50px;
    background-size: cover;
    background-image: url(vdr2.jpg);
    border-radius: 30px;
}
#diez{
    width: 250px;
    height: 200px;
    float: right;
    background-color: #ab8f7e;
    margin-right: 50px;
    margin-top: 50px;
    background-size: cover;
    background-image: url(vdr3.jpg);
    border-radius: 30px;
}
#once{
    width: 900px;
    height: 220px;
    float: left;
    background-color: #ab8f7e;
    margin-right: 50px;
    margin-left: 50px;
    margin-top: 40px;
    border-radius: 20px;
}
#doce{/*pie*/
    width: 1000px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #5D4037;
}
#trece{/*caja de pie*/
 width: 100px;
    height: 100px;
    float: left;
    background-color: #ab8f7e;
    margin-left: 50px;
    margin-top: 50px;
    background-image: url(imagen\ para\ pagina\ web.jpg);
    background-size: cover;
    border-radius: 100%;
}

#catorce{/*fin de pie*/
 width: 700px;
    height: 80px;
    float: right;
    background-color: #ab8f7e;
    margin-right: 50px;
    margin-top: 50px;
    border-radius: 10%;
    border-radius: 20px;
}
#quince{/*segunda pagina*/
   width: 900px;
    height: 150px;
    float: left;
    background-color: #ab8f7e;
    margin-right: 50px;
    margin-left: 50px;
    margin-top: 40px;
    border-radius: 20px;
}
#diescises{
     width: 410px;
    height: 350px;
    float: left;
    background-color: #ab8f7e;
    margin-left: 50px;
    margin-top: 60px;
    border-radius: 20px;

}
#diescisiete{
    width: 400px;
    height: 370px;
    float: right;
    background-color: #ab8f7e;
    margin-right: 50px;
    margin-top: 50px;
    background-image: url(Nomenclatura.jpg);
    background-size: cover;
    border-radius: 20px;

}
#diesciocho{
    width: 900px;
    height: 200px;
    float: left;
    background-color: #ab8f7e;
    margin-right: 50px;
    margin-left: 50px;
    margin-top: 40px; 
    border-radius: 20px;
}
#diescinueve{
     width: 250px;
    height: 200px;
    float: left;
    background-color: #ab8f7e;
    margin-left: 50px;
    margin-top: 50px;
    background-image: url(vdr4.jpg);
    background-size: cover;
    border-radius: 20px;
}
#veinte{
    width: 250px;
    height: 200px;
    float: left;
    background-color: #ab8f7e;
    margin-left: 80px;
    margin-top: 50px;
    background-image: url(vdr5.jpg);
    background-size: cover;
    border-radius: 20px;
}
#veintiuno{
    width: 250px;
    height: 200px;
    float: right;
    background-color: #ab8f7e;
    margin-right: 50px;
    margin-top: 50px;
    background-size: cover;
    background-image: url(vdr6.jpg);
    border-radius: 20px;
}
#textotitulo{
   text-align: center;
   font-size: xx-large;
   vertical-align: top;
   color: #3e2c27;
   margin-top: 10px;
}
#texto1{
    text-align: justify;
    font-size: large;
    vertical-align: middle;
    color: #3e2c27;
}
#texto2{
  text-align: justify;
    font-size: large;
    vertical-align: middle;
    color: #3e2c27;
}
#texto3{
    text-align: justify;
    font-size: large;
    vertical-align: middle;
    color: #3e2c27;
}
#textopie{
    text-align: justify;
    font-size: large;
    vertical-align: middle;
    color: #3e2c27;
}
#texto4{
    text-align: justify;
    font-size: large;
    vertical-align: middle;
    color: #3e2c27;
}
#texto5{
     text-align: justify;
    font-size: large;
    vertical-align: middle;
    color: #3e2c27;
}
#texto6{
     text-align: justify;
    font-size: large;
    vertical-align: middle;
    color: #3e2c27;
    font-weight: bold;
}
#lista1{
     text-align: justify;
    font-size: large;
    vertical-align: middle;
    color: #3e2c27;
}